// 轮播图
var index = 0;
$('.carousel a.rbtn').click(function () {
    index++;
    if (index === $('.carousel ul').children().length) {
        index = 0;
    }
    c.init();
    return false;
})
// 左按钮
$('.carousel a.lbtn').click(function () {
    index--;
    if (index < 0) {
        index = $('.carousel ul').children().length - 1;
    }
    c.init()
    return false;
})


$('ol li').click(function () {
    index = $(this).index();
    c.init();
})

var timeId = setInterval(function () {
    index++;
    if (index === $('.carousel ul').children().length) {
        index = 0;
    }
    c.init();
    return false;
}, 2000);

class carousel {
    init() {
        $('.carousel ul').children().eq(index).addClass('active').siblings().removeClass('active').parent().next().children().eq(index).addClass('active').siblings().removeClass('active');
        $('.carousel').attr('style', $('.carousel ul').children().eq(index).attr("bigbg"))
    }
}
var c = new carousel()


// 获取cookie
var username = tool.getCookie('username');
if (username) {
    $('.logininfo').html(
        `
        <a>欢迎<span style="font-size:18px;color:#ff0036;">&nbsp;${username}</span></a>
        <a class="logout">退出</a>
        `
    )
    $('.logout').click(function () {
        var loadindex = layer.confirm('您确定要退出吗', {
                btn: ['确定', '在看看'] //按钮
            }, function () {
                tool.removeCookie('username');
                $('.logininfo').html(
                    `
                        <a href="./page/signin.html" target="-blank">请登录</a>
                        <a href="./page/signup.html" target="_blank">免费注册</a>
                    `

                )
                layer.close(loadindex);


            },
            function () {
                layer.msg('那您再看看', {
                    time: 1000, //20s后自动关闭
                });
            });

    })
}

// 距离顶部
$(window).on('scroll', function () {
    let $sidebar = $('.sidebar');
    let $topBox = $('.top-box');
    var wintop = $(window).scrollTop();
    var winheight = $(window).height();

    if (wintop - winheight >= 0) {
        $topBox.css({
            'top': 0,
            'z-index': '99'
        })
        $sidebar.css({
            'display': 'block'
        })
    } else {
        $topBox.css({
            'top': '-70px'
        })
        $sidebar.css({
            'display': 'none'
        })
    }
})

//
$('sidebar ul li').hover(
    function () {
        console.log($(this))
        // $(this).attr('style', $(this).attr('bg'))
    },
    function () {

    }
)

//楼层的跳转  回到顶部
$('.sidebar ul li:lt(9)').click(function () {
    var classname = $(this).attr('data-class');
    var t = $('.' + classname).offset().top;
    $(this).attr('style', $(this).attr('bg')).siblings().attr('style', {
        'backgroundColor': '#999'
    })
    $('html,body').animate({
        scrollTop: t
    }, 1000)
    return false;
})
$('.sidebar ul li:last').click(function () {
    $('html,body').animate({
        scrollTop: 0
    }, 500)
    return false;
})